.detail {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;

  .part {
    width: 100%;
    .et-flex-column-center();

    .part-title {
      width: 100%;
      padding: 5px 0;
      .et-flex-start();

      &::before {
        content: "";
        width: 3px;
        height: @font-size-base;
        background-color: @primary-color;
        margin-right: 5px;
      }
    }

    .part-rows {
      width: 100%;
      margin: 12px 0;
      box-sizing: border-box;
      border: 1px solid #ebeef5;
      .part-row {
        width: 100%;
        .et-flex-normal();
        align-items: stretch;
        &:not(:first-child) {
          border-top: 1px solid #ebeef5;
        }
        .part-col {
          flex: 1;
          .et-flex-normal();
          align-items: stretch;
          .part-col-label {
            width: 7em;
            padding: 0 12px;
            box-sizing: border-box;
            .et-flex-start();
            background-color: #f5f7fa;
          }
          .part-col-value {
            padding: 12px;
            .et-flex-start();
            flex: 1;
          }
        }
      }
    }

    .timeline {
      width: 100%;
      margin: 20px 0;
      .et-flex-column-normal();
    }

    .img-corridor {
      width: 100%;
      padding: 12px;
      box-sizing: border-box;
      .et-flex-normal();

      .img-corridor-item {
        width: 25%;
        padding: 10px 20px;
        .et-flex-column-center();

        .img-box {
          width: 120px;
          height: 120px;
          border: 1px solid #ccc;
          border-radius: 5px;
          .et-flex-center();
          margin-bottom: 10px;
          overflow: hidden;

          img {
            max-width: 120px;
            max-height: 120px;
          }
        }

        span {
          font-size: @font-size-small;
          text-align: center;
        }
      }
    }
  }

  .footer {
    width: 100%;
    .et-flex-center;

    &>*:not(:first-child) {
      margin-left: 10px;
    }
  }
}

.supply {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 36px;

  .footer {
    margin-top: 30px;
    width: 100%;
    .et-flex-center;

    &>*:not(:first-child) {
      margin-left: 10px;
    }
  }
}